<template>
  <div>
    <div>
      <img src="@/assets/title.png" class="image" alt="" />
    </div>
    <el-menu
      default-active="activeIndex2"
      class="el-menu-vertical-demo"
      style="border-right: none"
      active-text-color="#5f84ff"
    >
      <el-menu-item index="1" @click="$router.push('index')">
        <i class="el-icon-price-tag"></i> 工作台</el-menu-item
      >
      <el-submenu index="2">
        <template slot="title">
          <i class="el-icon-tickets"></i>
          <span>基础信息管理</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="2-1" @click="$router.push('manage')"
            >仓库管理</el-menu-item
          >
          <el-menu-item index="2-2" @click="$router.push('area')">库区管理</el-menu-item>
          <el-menu-item index="2-3" @click="$router.push('kuweimanage')">库位管理</el-menu-item>      
          <el-menu-item index="2-4" @click="$router.push('kuweishitu')">库位视图</el-menu-item>
          <el-menu-item index="2-5" @click="$router.push('huopinmanage')">货品管理</el-menu-item>
          <el-menu-item index="2-6" @click="$router.push('huopintype')">货品类型管理</el-menu-item>
        </el-menu-item-group>
      </el-submenu>
      <el-submenu index="3">
        <template slot="title">
          <i class="el-icon-map-location"></i>
          <span>商务管理</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="3-1">货主管理</el-menu-item>
          <el-menu-item index="3-2">承运商管理</el-menu-item>
        </el-menu-item-group>
      </el-submenu>
      <el-submenu index="4">
        <template slot="title">
          <i class="el-icon-collection"></i>
          <span>库内管理</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="4-1">盘点单</el-menu-item>
          <el-menu-item index="4-2">盘点任务</el-menu-item>
          <el-menu-item index="4-3">库存损益</el-menu-item>
          <el-menu-item index="4-4">实时库存</el-menu-item>
        </el-menu-item-group>
      </el-submenu>
      <el-submenu index="5">
        <template slot="title">
          <i class="el-icon-tickets"></i>
          <span>入库管理</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="5-1">入库单</el-menu-item>
          <el-menu-item index="5-2">收货任务</el-menu-item>
          <el-menu-item index="5-3">上架任务</el-menu-item>
        </el-menu-item-group>
      </el-submenu>
      <el-submenu index="6">
        <template slot="title">
          <i class="el-icon-brush"></i>
          <span>出库管理</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="6-1">出库单</el-menu-item>
          <el-menu-item index="6-2">拣货任务</el-menu-item>
          <el-menu-item index="6-3">交接任务</el-menu-item>
        </el-menu-item-group>
      </el-submenu>
    </el-menu>
    <div class="botton">
      <img
        style="margin-top: 20px; width: 50px"
        src="@/assets/avatar.png"
        alt=""
      /><span class="admin">admin</span>
      <img src="@/assets/jiantou.png" @click="$router.push('login')" alt="" />
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style lang="less" scoped>
.image {
  width: 150px;
  height: 64px;
  margin-top: 18px;
  margin-left: 20px;
  position: fixed;
}
.el-menu {
  margin-top: 100px;
  position: fixed;
}
.botton {
  position:fixed;
  left: 0;
  bottom: 0;
  // width: 100%;
  height: 62px;
  background-color: #fff;
  border-top: 1px solid #f5efee;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.admin {
  margin-left: 10px;
  margin-right: 20px;
}
</style>
